<?php include __DIR__."/../includes/var_globals.php" ?>
<?php include DIR_ROOT."dao/include_dao.php" ?>
<?php include DIR_ROOT."clases/db.php" ?>

<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Clases Cuentas</title>
		<?php include DIR_ROOT."includes/head.php" ?>
	</head>
	<body class="skin-blue fixed">
		
		<header class="header">
			<?php include DIR_ROOT."includes/header.php" ?>
		</header>
		
		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Lado izquierdo de la página. Menú Lateral -->
			<aside class="left-side sidebar-offcanvas">
                <?php include DIR_ROOT.'includes/menu.php';?>
            </aside>
            
            <!-- Lado derecho y contenido de la página. -->
            <aside class="right-side">
            	<!-- Encabezado del Contenido -->
                <section class="content-header">
                    <h1>
                        CLASES CUENTAS
                        <small>fg</small>
                    </h1>
                </section>
               
               <section class="content">
               	<div class="row"></div>
               
                <div class="col-md-6">
                            <div class="box">
                                <div class="box-header">
                                    <h3 class="box-title"></h3>
                                </div><!-- /.box-header -->
                                <div class="box-body">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th style="width: 10px"><span class="badge bg-red">Código</th>
                                            <th><span class="badge bg-yellow">Clase</span></th>
                                            <th><span class="badge bg-light-blue">Editar</span></th>
                                            <th><span class="badge bg-green">Eliminar</span></th>
                                        <tr>
                                            <td>1.</td>
                                            <td>Activo</td>
                                            <td>
                                                <div>
                                                    <div ></div>
                                                </div>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>2.</td>
                                            <td>Pasivo</td>
                                            <td>
                                                <div c>
                                                    <div ></div>
                                                </div>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>3.</td>
                                            <td>Patrimonio</td>
                                            <td>
                                                <div >
                                                    <div ></div>
                                                </div>
                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>4.</td>
                                            <td>Resultado</td>
                                            <td>
                                               <div >
                                                    <div ></div>
                                                </div>
                                            </td>
                                            <td> </td>
                                        </tr>
                                    </table>
                                </div><!-- /.box-body -->
                                <div class="box-footer clearfix">
                                    <ul class="pagination pagination-sm no-margin pull-right">
                                        <li><a href="#">&laquo;</a></li>
                                        <li><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">&raquo;</a></li>
                                    </ul>
                                </div>
                            </div><!-- /.box -->
                             <div class="box">
                             <div class="box-body">
                                    <button class="btn btn-default btn-block">Agregar una nueva Clase</button>
                                  </div>  
                                </div>
 
                </section>
            </aside>
            
		</div>
	</body>
</html>